<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
request.setAttribute("path", path);
%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" type="text/css" href="../../../common/css/homepage/friend.css" />
		<link rel="stylesheet" type="text/css" href="../../../common/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../../../common/zui/css/zui.css" />
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link rel="stylesheet" href="../../../common/layui/css/layui.css" media="all">

		<title></title>
		<script type="text/javascript" src="../../../common/js/jQuery-3.3.1.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				//左边标签选中事件
				$(".lev_Box").on("click", function() {
					$(".lev_Box").removeClass("lev_active");
					$(this).addClass("lev_active");
				})
				$(".color_a").on("click", function() {
					$(".color_a").removeClass("btn_active")
					$(this).addClass("btn_active")
				})
			})
		</script>

		<script src="../../../common/layui/layui.js" charset="utf-8"></script>
		<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
		<script>
			layui.use(['carousel', 'form'], function() {
				var carousel = layui.carousel,
					form = layui.form;

				//常规轮播
				carousel.render({
					elem: '#test1',
					arrow: 'always'
				});

				//改变下时间间隔、动画类型、高度
				carousel.render({
					elem: '#test2',
					interval: 1800,
					anim: 'fade',
					height: '120px'
				});

				//设定各种参数
				var ins3 = carousel.render({
					elem: '#test3'
				});
				//图片轮播
				carousel.render({
					elem: '#test10',
					width: '778px',
					height: '440px',
					interval: 5000
				});

				//事件
				carousel.on('change(test4)', function(res) {
					console.log(res)
				});

				var $ = layui.$,
					active = {
						set: function(othis) {
							var THIS = 'layui-bg-normal',
								key = othis.data('key'),
								options = {};

							othis.css('background-color', '#5FB878').siblings().removeAttr('style');
							options[key] = othis.data('value');
							ins3.reload(options);
						}
					};

				//监听开关
				form.on('switch(autoplay)', function() {
					ins3.reload({
						autoplay: this.checked
					});
				});

				$('.demoSet').on('keyup', function() {
					var value = this.value,
						options = {};
					if(!/^\d+$/.test(value)) return;

					options[this.name] = value;
					ins3.reload(options);
				});

				//其它示例
				$('.demoTest .layui-btn').on('click', function() {
					var othis = $(this),
						type = othis.data('type');
					active[type] ? active[type].call(this, othis) : '';
				});
			});
		</script>

	</head>

	<body>
		<div class="WB_body">
			<div class="WB_main">
				<div class="plc_top">
					<div class="WB_global_nav">
						<div class="gn_header clearfix">
							<div class="row">
								<div class="col-md-6">
									<div class="gn_logo">
										<a class="box" href="#">
											<img src="../../../common/img/zjt/homepage/WB_logo.png" />
										</a>
									</div>
									<div class="gn_search_v2">
										<input class="W_input" type="text" placeholder="新昌救援队员不幸落水遇难" value="" />
										<a class=".ficon_search" href="/search/index" target="_blank"><i class="icon icon-search "></i></a>
										<div class="gn_topmenulist_search" style="">

										</div>
									</div>
								</div>
								<div class="col-md-4">
									<div class="gn_nav">
										<ul class="gn_nav_list">
											<li>
												<a class="S_txt1" href="#">
													<i class="icon icon-home"></i>
													<span>首页</span>
												</a>
											</li>
											<li>
												<a class="S_txt1" href="#">
													<i class="icon icon-camera-retro"></i>
													<span>视频</span>
												</a>
											</li>
											<li>
												<a class="S_txt1" href="#">
													<i class="icon icon-eye-open"></i>
													<span>发现</span>
												</a>
											</li>
											<li>
												<a class="S_txt1" href="#">
													<i class="icon icon-gamepad"></i>
													<span>游戏</span>
												</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="col-md-2">
									<ul class="gn_login_list">
										
										<li style="display:inline-block;margin-right:6px" >
											<a href="/regiest/reg" class="S_txt1">注册</a>
										</li>
										<li class="W_vline S_line1" style="display:inline-block" ></li>
										<li style="display:inline-block;margin-left:6px">
											<a node-type="loginBtn" href="/login/index" class="S_txt1">登录</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="daohang">

				<ul class="ul_main">
					<div class="ul_main_color">
						<li>
							<a class="color_a btn_active" href="#">热门</a>
						</li>
					</div>
					<div class="ul_main_color">
						<li>
							<a class="color_a" href="/homepage/headline">头条</a>
						</li>
					</div>
					<div class="ul_main_color">
						<li>
							<a class="color_a" href="#">视频</a>
						</li>
					</div>
					<div class="ul_main_color">
						<li>
							<a class="color_a" href="#">榜单</a>
						</li>
					</div>
					<div class="ul_main_color">
						<li>
							<a class="color_a" href="#">搞笑</a>
						</li>
					</div>
					<div class="ul_main_color">
						<li>
							<a class="color_a" href="#">社会</a>
						</li>
					</div>
					<div class="ul_main_color">
						<li>
							<a class="color_a" href="#">时尚</a>
						</li>
					</div>
					<div class="ul_main_color">
						<li>
							<a class="color_a" href="#">电影</a>
						</li>
					</div>
					<div class="ul_main_color">
						<li>
							<a class="color_a" href="#">美女</a>
						</li>
					</div>
					<div class="ul_main_color">
						<li>
							<a class="color_a" href="#">体育</a>
						</li>
					</div>
					<div class="ul_main_color">
						<li>
							<a class="color_a" href="#">动漫</a>
						</li>
					</div>

				</ul>

			</div>

			<div class="plc_main">
				<div class="plc_home">

					<div class="layui-carousel plc_lunbo" id="test1" lay-filter="test1">
						<div carousel-item="">
							<div>
								<a>
									<img src="../../../common/img/zjt/homepage/main1.jpg" />
								</a>
							</div>
							<div>
								<a>
									<img src="../../../common/img/zjt/homepage/main2.jpg" />
								</a>
							</div>
							<div>
								<a>
									<img src="../../../common/img/zjt/homepage/main3.jpg" />
								</a>
							</div>
							<div>
								<a>
									<img src="../../../common/img/zjt/homepage/main4.jpg" />
								</a>
							</div>
							<div>
								<a>
									<img src="../../../common/img/zjt/homepage/main5.jpg" />
								</a>
							</div>
						</div>
					</div>

					<c:forEach items="${weibodb}" var="wb">
						<c:choose>
							<c:when test="${wb.imgList==null}">

							</c:when>

							<c:when test="${wb.imgList!=null}">
								<div class="weibo">
									<div class="weibo_left">
										<c:forEach items="${wb.imgList}" var="img" end="0">
											<img src="http://localhost:8082/serverpath${img.imgPath}" style="height: 150px;width: 270px;" />
										</c:forEach>
									</div>
									<div class="weibo_reg">
										<a class="title_b" href="/weiboDetail/detail?WBid=${wb.weiboId}">
											<h3 class="title_h">
								${wb.weiboContent}
							</h3>
										</a>
										<a class="title_a" href="/login/index">${wb.topic.topicName}</a>
										<br />
										<a class="a">
											<span class="span_dress s"><i>${wb.weiboSource}</i></span>
										</a>
										<span class="span_date s"><i>${wb.weiboTime}</span></i>
										<p></p>
										<br />
										<div class="div_em">
											<a class="a_1 a_num" href="/login/index">
												<span class="subinf"><i>转发(${wb.weiboForwardnum})</i></span>
											</a>
											<a class="a_2 a_num" href="/login/index">
												<span class="subinf"><i>评论(${wb.weiboCommentnum})</i></span>
											</a>
											<a class="a_3 a_num" href="/login/index">
												<span class="subinf"><i>点赞(${wb.weiboZannum})</i></span>
											</a>
										</div>

									</div>
								</div>

							</c:when>

						</c:choose>

					</c:forEach>

					<!--						
							<div class="weibo">
						<div class="weibo_left">
							<img src="../../../common/img/zjt/homepage/weibo.jpg" />
						</div>
						<div class="weibo_reg">
							<a class="title_b">
								<h3 class="title_h">
								【原则问题不让步！大牌接连犯错，这些明星选择解约】范思哲、蔻驰、纪梵希、
								亚瑟士在接连犯错后，杨幂、刘雯、任嘉伦、易烊千玺、江疏影等明星纷纷发布声明
								表示解除合约、终止合作，坚决维......
							</h3>
							</a>
							<a class="title_a">#施华洛世奇道歉</a>
							<br />
							<a class="a">
								<span class="span_dress s"><i>人民网</i></span>
							</a>
							<span class="span_date s"><i>8月15日 8:35</span></i>
	                        <p></p>
							<br />
							<div class="div_em">
								<a class="a_1 a_num">
									 <span class="subinf"><i>转发(25452)</i></span>									 
								</a>
								<a class="a_2 a_num">									
									 <span class="subinf"><i>评论(36415)</i></span>									
								</a>
								<a class="a_3 a_num">									
									 <span class="subinf"><i>点赞(88564)</i></span>
								</a>
							</div>
							
						</div>
					</div>    -->

					<div class="weibo">

					</div>
					<div class="weibo">

					</div>
					<div class="weibo">

					</div>
					<div class="weibo">

					</div>
				</div>
				<div class="div_reg">
					<div class="login_main">
						<div class="login">
							<form action="/login/check" method="post">
								<img src="../../../common/img/zjt/homepage/WB_logo.png" />

								<i><span class="sp">快速登录</span></i>

								<br />
								<div class="input_war">
									<input class="input_w" name="userAccount" type="text" placeholder="邮箱/会员号/手机号" />
								</div>
								<div class="input_war">
									<input class="input_w" name="userPassword" type="password" placeholder="请输入密码" />
								</div>

								<!--<input class="regist" type="button" placeholder="注册"/>-->
								<button class="regist">登录</button>
							</form>
						</div>

					</div>
					<div>
						<img src="../../../common/img/zjt/homepage/1.png" />
					</div>
					<div>
						<img src="../../../common/img/zjt/homepage/2.png" />
					</div>
					<div>
						<img src="../../../common/img/zjt/homepage/3.png" />
					</div>
					<div>
						<img src="../../../common/img/zjt/homepage/4.png" />
					</div>
				</div>

			</div>

		</div>

	</body>

</html>